<!DOCTYPE html>
<html>
<head>
<style >
.lbl{
	display:inline-block;
	width:90px;
	text-align:right;
	margin:3px;

}
</style>
<meta charset="UTF-8">
<title>css_text html</title>
</head>
<body>
<h1 style = 'font-size:50px'>CSS Example</h1>
<p style = 'border: 5px solid #ff0000;padding:30px;width:300px;'

> p 태그를 사용한 문단 모양</p>
<div style = 'border: 10px dotted #0000ff;
 padding:20px;align:center;
 width:250px;'>div 태그를 사용한 문단 모양</div>
 
 <label class ='lbl'>성명</label>
 <input type ='text' name ='mid'><br/>
 <label class ='lbl'>암호</label>
 <input type ='passed' name ='pwd'><br/>
 <label class ='lbl'>닉네임</label>
 <input type ='text' name ='nicname'><br/>
 
 
 
 
</body>
</html>